<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>22001010205白博文-设置页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/shezhi.css">
</head>
<body>
    <div class="bai_header">
        <a href="./wode.html">
            <span class="iconfont icon-youjiantou1">
            </span>
        </a>
        
        <span>设置</span>
        <span></span>
    </div>
    <div class="bai_list">
        <div class="bai_item">
            <span>
                <span class="iconfont icon-shouji"></span>
                &nbsp;
                <span>已绑定手机号</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-anquan"></span>
                &nbsp;
                <span>账号与安全</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
    </div>
    <div class="bai_list">
        <div class="bai_item">
            <span>
                <span class="iconfont icon-yuechi"></span>
                &nbsp;
                <span>免密支付设置</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-yimiandan"></span>
                &nbsp;
                <span>先用后付设置</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-mianpinqiashezhi"></span>
                &nbsp;
                <span>免拼设置</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-wodeshangpin"></span>
                &nbsp;
                <span>拼小圈设置</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-youjian"></span>
                &nbsp;
                <span>消息接受设置</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-zhibo"></span>
                &nbsp;
                <span>直播、照片、视频和童话</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
    </div>
    <div class="bai_list">
        <div class="bai_item">
            <span>
                <span class="iconfont icon-changjianwentixiangguanwenti"></span>
                &nbsp;
                <span>常见问题</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="icon-a-040_yijianfankui"></span>
                &nbsp;
                <span>意见反馈</span>
            </span>
            <span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
        <div class="bai_item">
            <span>
                <span class="iconfont icon-qingchuhuancun"></span>
                &nbsp;
                <span>清除缓存</span>
            </span>
            <span>
                <span class="bai_cache">29.8MB</span>
                <span class="iconfont icon-youjiantou"></span>
            </span>
        </div>
    </div>

    <div class="bai_button">
        <span>退出登录</span>
    </div>
    <script >
        const button = document.querySelector(".bai_button");
button.addEventListener("click", ()=> {
let userResponse = prompt(`请输入'退出登录':`);
if (userResponse) {
    if(userResponse === '退出登录'){
        alert(`恭喜您退出成功`);
        location.href = './denglu.html';
        return;
    }
    alert(`您输入的${userResponse}与'退出登录'不相符，请重新输入`);
    
    
} else {
    alert("用户取消了输入");
}
});
    </script>
</body>
</html>